<template>
    <div>
        我是父组件
        <Son :user="user" :user1="user1" id="99" class="haha"></Son>
        <button @click="edituserFn">修改吕晓布</button>
    </div>
</template>

<script>
import Son from './Son.vue';
// 父传子方式3:  属性的透传 

// 在父组件中找到子组件,然后通过 props 属性传递属性, 在子组件中的组件实例this上
// 通过 this.$attrs 可以获取到父组件传递给子组件的所有属性, 但是如果该属性在
//子组件中通过props 接收了, 那么该属性会自动挂载到子组件实例this, 所有没有通过props
// 接收的属性都在 this.$attrs 上
export default {
    data() {
        return {
            user: {
                name: '吕小布',
                age: 30
            },
            user1: {
                name: '宫本武藏',
                age: 25
            }
        }
    },
    methods: {
        edituserFn() {
            this.user.name = '吕子乔'
            this.user.age = 20
        }
    },
    components: {
        Son
    }
}
</script>
<style scoped></style>